<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="layui/css/global.css">
    <link rel="stylesheet" href="layui/css/admin.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!--头部-->
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>
            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item"><a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="">邮件管理</a>
                    </dd>
                    <dd>
                        <a href="">消息管理</a>
                    </dd>
                    <dd>
                        <a href="">授权管理</a>
                    </dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="">基本资料</a>
                    </dd>
                    <dd>
                        <a href="">安全设置</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退出登录</a></li>
        </ul>
    </div>
    <!--头部结束-->

    <!--左边导航开始-->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item" >
                    <a class="" href="javascript:;">商品管理</a>
                    <dl class="layui-nav-child">
                        <dd id="main" class="subMenu" >
                            <a href="javascript:;" data-url="main.html">发布商品</a>
                        </dd>

                        </dd>
                        <dd id="m1" class="subMenu">
                            <a href="javascript:;" data-url="product_all.html">所有商品</a>
                        </dd>
                        <dd id="m2" class="subMenu">
                            <a href="javascript:;" data-url="product_on.html">上架商品</a>
                        </dd>
                        <dd id="m3" class="subMenu">
                            <a href="javascript:;" data-url="product_type.html">商品类型</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;">列表一</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">列表二</a>
                        </dd>
                        <dd>
                            <a href="">超链接</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">云市场</a></li>
                <li class="layui-nav-item"><a href="">发布商品</a></li>
            </ul>
        </div>
    </div>
    <!--左边导航结束-->

    <!-- 主体内容开始 -->
    <!-- 选项卡 -->
    <div class="layui-tab layui-tab-brief" lay-filter="demo" lay-allowclose="true">
        <!-- 选项卡 标题 -->
        <ul class="layui-tab-title site-demo-title">
<!--            <li id="homeTab" class="layui-this" lay-id="1">首页</li>-->
        </ul>

        <!-- 选项卡 内容 -->
        <div class="layui-body layui-tab-content site-demo site-demo-body"
             style="overflow: hidden;">
            <div class="layui-tab-item layui-show" style="overflow-y:auto;">

                <!-- 浮动框架 -->
                <!--<iframe src="main.html" class="layadmin-iframe"
                        frameborder="no" border="0" allowtransparency="yes">
                </iframe>-->
            </div>
        </div>
    </div>
    <!--主体内容结束-->

    <!--网页脚开始-->
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
    <!--网页脚结束-->
</div>

<script src="layui/layui.js"></script>
<script src="js/test04-admin.js"></script>
</body>
</html>